Skip to main content

variant

Type​

property

Summary​

The variant to use.

Syntax​

get the variant of <widget>
set the variant of <widget> to {"standard"|"quilted"|"woven"|"masonry"|"single line"}

Description​

Use the variant property to define how image lists are displayed. This property can take four values which are standard, quilted, woven, masonry and "single line"

  • Standard: image lists are best for items of equal importance. They have a uniform container size, ratio, and padding.
  • Quilted: image lists emphasize certain items over others in a collection. They create hierarchy using varied container sizes and ratios.
  • Woven: image lists facilitate the browsing of peer content. They display content in containers of varying ratios to create a rhythmic layout.
  • Masonry: image lists facilitate the browsing of uncropped peer content. Container heights are sized based on the image size.
  • Single Line: Image Lists allows you to display images in a single row.

Compatibility and Support​

OS

mac

windows

linux

ios

android

Platforms

desktop

mobile

web